<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">


    <ui:composition template="../templateRecepcion/template.xhtml">
        <ui:define name="content">
            <h:form id="formularioIngresoMedicoID" styleClass="form" > 
                <p:remoteCommand  name="iniciarDatos"
                                  process="@this"
                                  update="formularioIngresoMedicoID"
                                  actionListener="#{ingresoMedicoControlador.iniciarDatos()}" />
                <p:growl id="messages" autoUpdate="true" />
                <p:panel id="panelDatosBasicosMedicoID"
                         styleClass="panel" header="Información Basica  - Medico">
                    <h:panelGrid columns="3" styleClass="panelGridAnchoTotal" >
                        <h:panelGrid columns="2" styleClass="panelGridCuarentaPorCiento">

                            <h:outputLabel value="Ruc:" styleClass="outPutLabel"/>
                            <p:inputText value="#{ingresoMedicoDataManager.prestador.ruc}" 
                                         styleClass="inputText"
                                         required="true" requiredMessage="Ruc Obligatorio">
                            </p:inputText> 
                            <h:outputLabel value="Dirección:" styleClass="outPutLabel"/>
                            <p:inputTextarea rows="10" cols="20" value="#{ingresoMedicoDataManager.prestador.direccion}" 
                                             styleClass="inputTextarea"
                                             required="true" requiredMessage="La dirección es requerida"
                                             onkeyup="javascript:this.value = this.value.toUpperCase();">
                            </p:inputTextarea>
                        </h:panelGrid>
                        <h:panelGrid columns="2" styleClass="panelGridCuarentaPorCiento">
                            <h:outputLabel value="Email: " styleClass="outPutLabel"/>
                            <p:inputText value="#{ingresoMedicoDataManager.prestador.mail}" 
                                         styleClass="inputText"
                                         required="true" requiredMessage="Mail Obligatorio">
                                <f:validator binding="#{mailValidator}"/>
                            </p:inputText>
                            <h:outputLabel value="Telefono Fijo:" styleClass="outPutLabel"/>
                            <p:inputText value="#{ingresoMedicoDataManager.prestador.telefonoFijo}" 
                                         styleClass="inputText"
                                         required="true" requiredMessage="Teléfono Fijo Obligatorio">
                                <f:validator binding="#{numeroValidador}"/>
                            </p:inputText>
                            <h:outputLabel value="Telefono Celular:" styleClass="outPutLabel"/>
                            <p:inputText value="#{ingresoMedicoDataManager.prestador.telefonoCelular}" 
                                         styleClass="inputText">
                                <f:validator binding="#{numeroValidador}"/>
                            </p:inputText>
                        </h:panelGrid>
                        <h:panelGrid columns="2" styleClass="panelGridCuarentaPorCiento">
                            <h:outputLabel value="Razon Social:" styleClass="outPutLabel"/>
                            <p:inputText value="#{ingresoMedicoDataManager.prestador.razonSocial}" 
                                         styleClass="inputText"
                                         required="true" requiredMessage="La razon social es requerida"
                                         onkeyup="javascript:this.value = this.value.toUpperCase();"/>
                            <h:outputLabel value="Nombre Comercial:" styleClass="outPutLabel"/>
                            <p:inputText value="#{ingresoMedicoDataManager.prestador.nombreComercial}" 
                                         styleClass="inputText"
                                         required="true" requiredMessage="Nombre Comercial es requerido"
                                         onkeyup="javascript:this.value = this.value.toUpperCase();"/>
                            
                            <h:outputLabel value="Especialidad:" styleClass="outPutLabel"/>
                            <p:selectOneMenu value="#{ingresoMedicoDataManager.prestador.especialidad}" 
                                             styleClass="selectOneMenu" 
                                             required="true" requiredMessage="Especialidad requerida">  
                                <f:selectItems value="#{ingresoMedicoControlador.especialidad}" />
                                <f:converter converterId="especialidadConvertidor"/>
                            </p:selectOneMenu>
                        </h:panelGrid>
                    </h:panelGrid>
                </p:panel>
                <p:separator styleClass="separator"/>
                <p:panel id="panelDivisionGeograficaMedicoID"
                         styleClass="panel" header="División Geográfica  - Medico">
                    <h:panelGrid columns="2" styleClass="panelGridAnchoTotal" >
                        <h:panelGrid id="panelGridDatosID" columns="2" styleClass="panelGridCuarentaPorCiento">
                            <h:outputLabel value="Provincia:" styleClass="outPutLabel"/>
                            <p:selectOneMenu value="#{ingresoMedicoDataManager.divisionGeograficaNivelUno}" 
                                             styleClass="selectOneMenu" 
                                             required="true" requiredMessage="Provincia es requerido">  
                                <f:selectItems value="#{ingresoMedicoControlador.divisionGeograficaNivelUno}" />
                                <f:converter converterId="divisionGeograficaConvertidor"/>
                                <p:ajax event="change" 
                                        update="listaDivGeograficaNivelDosID listaDivGeograficaNivelTresID" 
                                        listener="#{ingresoMedicoControlador.seleccionarDivisionNivelUno}"/>
                            </p:selectOneMenu>

                            <h:outputLabel value="Canton:" styleClass="outPutLabel"/>
                            <p:selectOneMenu id="listaDivGeograficaNivelDosID" value="#{ingresoMedicoDataManager.divisionGeograficaNivelDos}" 
                                             styleClass="selectOneMenu"
                                             required="true" requiredMessage="Canton es requerido">  
                                <f:selectItems value="#{ingresoMedicoControlador.divisionGeograficaNivelDos}" />
                                <f:converter converterId="divisionGeograficaConvertidor"/>
                                <p:ajax event="change" update="listaDivGeograficaNivelTresID"/>
                            </p:selectOneMenu>

                            <h:outputLabel value="Parroquia:" styleClass="outPutLabel"/>
                            <p:selectOneMenu id="listaDivGeograficaNivelTresID" value="#{ingresoMedicoDataManager.divisionGeograficaNivelTres}" 
                                             styleClass="selectOneMenu"
                                             required="true" requiredMessage="Parroquia es requerido">  
                                <f:selectItems value="#{ingresoMedicoControlador.divisionGeograficaNivelTres}" />
                                <f:converter converterId="divisionGeograficaConvertidor"/>
                                <p:ajax event="change" 
                                        listener="#{ingresoMedicoControlador.seleccionarDivisionNivelTres}"/>
                            </p:selectOneMenu> 
                        </h:panelGrid>
                    </h:panelGrid>
                </p:panel>
                <p:separator styleClass="separator"/>

                <p:panel id="panelBotonCrearMedicoID" 
                         styleClass="panel" >
                    <h:panelGrid columns="2" styleClass="panelGridAnchoTotal" >
                        <p:commandButton id="botonCrearMedicoID" rendered="#{ingresoMedicoDataManager.ocultarBotonEditar}" 
                                         action="#{ingresoMedicoControlador.crearMedico()}" value="Crear Medico" 
                                         styleClass="comandButton"
                                         update=":formularioIngresoMedicoID :formularioIngresoMedicoID:messages"
                                         onclick="mostrarEspera();" 
                                         oncomplete="ocultarEspera();window.scrollTo(0, 0);"
                                         icon="ui-icon-disk"
                                         process="panelDatosBasicosMedicoID panelDivisionGeograficaMedicoID @this"/>
                        <p:commandButton id="botonCancelarMedicoID" rendered="#{ingresoMedicoDataManager.ocultarBotonEditar}" 
                                         action="#{ingresoMedicoDataManager.limpiarValores()}" value="Cancelar" 
                                         styleClass="comandButton"
                                         update=":formularioIngresoMedicoID:panelDatosBasicosMedicoID :formularioIngresoMedicoID:" process="@this"
                                         onclick="mostrarEspera();"  oncomplete="ocultarEspera();window.scrollTo(0, 0);"
                                         icon="ui-icon-close"/>
                        <p:commandButton id="botonEditarMedicoID" rendered="#{!ingresoMedicoDataManager.ocultarBotonEditar}" 
                                         action="#{ingresoMedicoControlador.editarMedico()}" value="Actualizar" 
                                         styleClass="comandButton"
                                         update=":formularioIngresoMedicoID :formularioIngresoMedicoID:messages"
                                         onclick="mostrarEspera();"  oncomplete="ocultarEspera();window.scrollTo(0, 0);"
                                         icon="ui-icon-disk"
                                         process="panelDatosBasicosMedicoID @this"/>
                    </h:panelGrid>
                </p:panel>

            </h:form> 
        </ui:define>
    </ui:composition>
</html>